<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>文章</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/article.css" />
		<!--iconfont-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_808044_6vjwgz6mwz.css"/>
		<!--引入JavaScript脚本标签-->
		<script src="js/rem.js" type="text/javascript">
		</script>
	</head>

	<body>
		<!--头部-->
		<header>
			<!--logo&搜索栏-->
			<div class="search">
				<label for="login-btn"><i class="icon-caidan1 iconfont fl"></i></label>
				<a href="" class="fr"><i class="icon-sousuo iconfont"></i></a>
				<a href="land.html" class="fr"><i class="icon-touxiang iconfont"></i></a>
				<a href="index.html"><img src="img/logo.png"/></a>
			</div>
			<!--阿里妈妈logo栏-->
			<div class="alimama">
				<img class="logo2" src="img/logo2.jpg" alt="" />
				<img class="alimamaImg" src="img/alimamLogo.jpg" alt="" />
			</div>
		</header>
		<!--主要内容-->
		<div class="content">
			<!--轮播图-->
			<div class="banner">
				<!--轮播图信息&翻页-->
				<div class="bannerMsg">
					<a href="">省广股份携手阿里妈妈举行DT大时代 全息营销......</a>
					<div class="spanMsg">
						<img src="img/love.png" alt="" /><span>120</span>
						<img src="img/look.png" alt="" /><span>560</span>
						<span>12月26日 07:33:43</span>
					</div>
				</div>
			</div>
			<!--顶部内容展示-->
			<div class="top-msg">
				<!--第一篇-->
				<div class="first">
					<!--左边内容-->
					<div class="left fl">
						<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						<img src="img/msgLove.png" alt="" />
						<span class="fl">120</span>
						<span class="fr">2小时前[案例观点]</span>
						<div class="clear"></div>
					</div>
					<!--右边内容-->
					<div class="right fl">
						<img src="img/first.png" alt="" />
					</div>
					<div class="clear"></div>
				</div>
				<!--第二篇-->
				<div class="second">
					<!--左边内容-->
					<div class="left fl">
						<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						<img src="img/msgLove.png" alt="" />
						<span class="fl">866</span>
						<span class="fr">5小时前[课程]</span>
						<div class="clear"></div>
					</div>
					<!--右边内容-->
					<div class="right fl">
						<img src="img/two.png" alt="" />
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--中间内容展示-->
			<div class="middle-msg">
				<!--第一篇资讯-->
				<div class="middle-first-msg">
					<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
					<div class="first-msg-threeImg">
						<img src="img/a_03.png" alt="" />
						<img src="img/a_05.jpg" alt="" />
						<img src="img/a_07.jpg" alt="" />
					</div>
					<img src="img/a_13.png" alt="" /><span>麦展豪</span>
					<a href=""><img src="img/msg.png" alt="" /><span>6898</span></a>
					<a href=""><img src="img/msgLove.png" alt="" /><span>4808</span></a>
					<span>2天前[案例观点]</span>
				</div>
				<!--第二and第三篇资讯-->
				<div class="middle-second-msg">
					<!--第一篇-->
					<div class="first">
						<!--左边内容-->
						<div class="left fl">
							<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							<img src="img/msgLove.png" alt="" />
							<span class="fl">120</span>
							<span class="fr">2小时前[案例观点]</span>
							<div class="clear"></div>
						</div>
						<!--右边内容-->
						<div class="right fl">
							<img src="img/a_17.png" alt="" />
						</div>
						<div class="clear"></div>
					</div>
					<!--第二篇-->
					<div class="second">
						<!--左边内容-->
						<div class="left fl">
							<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							<img src="img/msgLove.png" alt="" />
							<span class="fl">866</span>
							<span class="fr">5小时前[课程]</span>
							<div class="clear"></div>
						</div>
						<!--右边内容-->
						<div class="right fl">
							<img src="img/a_20.png" alt="" />
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--中间内容展示-->
			<div class="bottom-msg">
				<!--第一篇资讯-->
				<div class="middle-first-msg">
					<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
					<div class="first-msg-threeImg">
						<img src="img/cxzczxv_14.png" alt="" />
						<img src="img/vvc_16.png" alt="" />
						<img src="img/vwwsa_18.png" alt="" />
					</div>
					<img src="img/a_13.png" alt="" /><span>麦展豪</span>
					<a href=""><img src="img/msg.png" alt="" /><span>6898</span></a>
					<a href=""><img src="img/msgLove.png" alt="" />
					<span>4808</span></a>
					<span>2天前[案例观点]</span>
				</div>
				<!--第二and第三篇资讯-->
				<div class="middle-second-msg">
					<!--第一篇-->
					<div class="first">
						<!--左边内容-->
						<div class="left fl">
							<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							<img src="img/msgLove.png" alt="" />
							<span class="fl">120</span>
							<span class="fr">2小时前[案例观点]</span>
							<div class="clear"></div>
						</div>
						<!--右边内容-->
						<div class="right fl">
							<img src="img/ccvaaw_23.png" alt="" />
						</div>
						<div class="clear"></div>
					</div>
					<!--第二篇-->
					<div class="second">
						<!--左边内容-->
						<div class="left fl">
							<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							<img src="img/msgLove.png" alt="" />
							<span class="fl">866</span>
							<span class="fr">5小时前[课程]</span>
							<div class="clear"></div>
						</div>
						<!--右边内容-->
						<div class="right fl">
							<img src="img/zxczxczv_25.png" alt="" />
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			
			<!--加载更多-->
			<a href="#" class="loading">加载更多</a>
			
				
			<!--空白div-->
			<div class="null"></div>
		</div>
		<!--尾部-->
		<footer>
			<a href="index.html"><img src="img/footer_12.png" alt="" /><span>首页</span></a>
			<a href="#"><img src="img/footer_15.png" alt="" /><span class="before">GIMC</span></a>
			<a href="article.html"><img src="img/red_09.png" alt="" /><span class="before">文章</span></a>
			<a href="resource.html"><img src="img/footer_03.png" alt="" /><span class="before">资源</span></a>
			<a href="#"><img src="img/footer_04.png" alt="" /><span class="before">学院</span></a>
		</footer>
	</body>

</html>